<template>
    <div class=about>
        <!-- banner start -->
        <el-carousel class="" height="550px" :indicator-position="indicatorPosition" :arrow="arrow">
            <el-carousel-item v-for="(item,key) in bannerList" :key="key">
                <img :src="item.src" :alt="item.name">
                <h3>{{ item.name}}{{bannerList.length}}</h3>
            </el-carousel-item>
        </el-carousel>
        <!-- banner end -->

        <!-- 关于我们骨架 start -->
        <div class="scd clearfix">
            <div class="scd_l">
                <div class="title">
                    <span>企业文化</span>
                    <i>&nbsp;</i>
                </div>
                <ul class="s_nav">
                    <!-- <li class="title active">
                        <span>企业文化</span>
                        <i>&nbsp;</i>
                    </li> -->
                    <li><a href="about1.html">发展历程</a><i>&nbsp;</i></li>
                    <li><a href="about3.html">资质荣誉</a><i>&nbsp;</i></li>
                    <li><a href="about4.html">合作伙伴</a><i>&nbsp;</i></li>
                </ul>
            </div>
            <div class="scd_r clearfix">
                <div class="head">企业文化<em>COMPANY PROFILE</em></div>
                <div class="s_ctn">
                    <div class="about">
                            <!-- <p style="margin-top:50px; text-indent:2em;">山东金泰保保险经纪有限公司成立于2003年8月19日，注册资本金1000万，是经中国保险监督管理委员会批准成立的全国性的保险经纪公司。主要面向全国经营产险、寿险、再保险经纪业务及风险管理咨询业务。前身为将军保险经纪有限公司， 2012年公司更名为大森林保险经纪有限公司。2019年，公司进入全新的发展阶段，在引入具备经济实力和管理经验的股东后，公司更名为山东金泰保保险经纪有限公司。</p> -->
                            <!-- <p style="margin-top:50px; text-indent:2em;">公司现有股东由山东盛嘉圆汽车综合服务有限公司（持股50%）、山东经桥商务集团有限公司（持股30%）、吕文波（持股20%）组成，吕文静担任公司总经理。山东盛嘉圆汽车综合服务有限公司是一家以高端汽车美容、汽车维修保养、钣金、喷漆、汽车销售、保险理赔、审车过户为一体的一站式汽车服务中心，是按照高标准规划，高起点建设的集汽车销售、售后服务、配件供应的现代化企业；山东经桥商务集团有限公司是一家整合保险经纪、电子商务、企业服务等版块的新业态多元化集团公司；自然人股东吕文波和总经理吕文静，一直从事于保险行业十余年，拥有丰富的管理经验。</p> -->

                    </div>
                </div>
            </div>
        </div>
        <!-- 关于我们骨架 end -->
    </div>
</template>

<script>
export default {
    data() {
        return {
            bannerList: [
                {
                    name:'测试',
                    src: 'http://gtxg.gitee.io/xj-jintai/Assets/wty/images/index/banner01.jpg',
                    to: ''
                }
            ],
            indicatorPosition: 'none',
            arrow: ""
        }
    },

    watch: {
        bannerList: function(val, oldVal) {
            if(val.length <=1) {
                this.indicatorPosition = "none";
                this.arrow = "never"
            }else {
                this.indicatorPosition = "";
                arrow = ""; 
            }
        },
        
    },
}
</script>

<style lang="stylus" scoped>
.about
    .scd
        width:96%; max-width:1200px; margin:0px auto; text-align:left;
        .scd_l
            width:205px; height:100%; border-right:1px solid #ddd; float:left;
        .title
            width:100%; height:100px; line-height:100px; text-align:left; position:relative; font-size:20px;color:#004587;
            i 
                display:block; width:43px; height:28px; position:absolute; right:-15px; top:38px; background:url(./about/icon11.png) no-repeat;
        .s_nav
            width:100%;
            li 
                width:100%; height:40px; line-height:40px; margin-bottom:40px; position:relative;
                a 
                    font-size:16px; color:#000000;
                    &:hover
                        color:#004588;
                i 
                    display:block; width:15px; height:15px; background:url(./about/icon12.png) no-repeat; position:absolute; right:-7px; top:15px;
        .scd_r
            float:right;width:80%;
            .head
                width:100%; height:60px; line-height:60px; padding-top:40px; border-bottom:1px solid #ddd; font-size:30px; color:#333333;
                em 
                    font-size:18px; margin-left:10px; margin-top:15px;
            .s_ctn
                width:100%; padding:50px 0; line-height:175%;
                .pro_da
                    width:100%; margin-bottom:60px;
</style>